<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title><?php echo $page_title ?></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/style.css">
  <script src="<?php echo base_url(); ?>assets/js/libs/modernizr-2.5.2.min.js"></script>
</head>
<body class="login_page">
  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->

<div class="wrapper">

  <div id="logo"><a href="<?php echo base_url(); ?>"></a></div>

  <div id="login_container">

    <div id="header">
      <div id="header_left"></div>
      <div id="header_right"></div>
      <h1><span class="user_icon"></span>Login</h1>
    </div>

    <div class="content_container">

    <?php if ( $this->session->flashdata('errors') ) : ?>
    <div class="error">
      <?php print_r( $this->session->flashdata('errors') ); ?>
    </div>
    <?php endif; ?>

    <form action="<?php echo site_url('welcome/login'); ?>" method="POST">
      <label for="qut_id">QUT ID</label>
      <input type="text" name="qut_id" id="login_txt">
      <br>
      <label for="password">Password</label>
      <input type="password" name="password" id="">
      <br>
      <input type="submit" value="Login">
    </form>
    </div>
    
  </div>

</div>

<div class="bg_logo_pineapple"></div>
<div class="bg_logo_blueboard"></div>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
  <script>window.jQuery || document.write('<script src="<?php echo base_url(); ?>assets/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
  <script src="<?php echo base_url(); ?>assets/js/libs/jquery.ui.timepicker.js"></script>
  <script src="<?php echo base_url(); ?>assets/js/script.js"></script>
 
  <script type="text/javascript">
  // Login page js
  $(document).ready(function() {
    $('#logo').delay('300').fadeIn().delay('100').animate({
      top: 100
    }, 600, 'easeOutCubic', function() {
      // Logo in position
      $('#login_container').fadeIn('slow').delay(100).queue(function(){ $('#login_txt').focus(); });
    });
  });
  </script>
</body>
</html>